<template>
  <view class="content">
  	<!-- 手风琴效果 -->
  	<!-- <uni-collapse accordion="true" showAnimation="true">
  	    <uni-collapse-item title="标题文字">
  	        <view style="padding: 30rpx;">
  	            手风琴效果
  	        </view>
  	    </uni-collapse-item>
  	    <uni-collapse-item title="标题文字">
  	        <view style="padding: 30rpx;">
  	            手风琴效果
  	        </view>
  	    </uni-collapse-item>
  	    <uni-collapse-item title="标题文字">
  	        <view style="padding: 30rpx;">
  	            手风琴效果
  	        </view>
  	    </uni-collapse-item>
  	</uni-collapse> -->
	<!-- 带图标 -->
	<uni-collapse>
	    <uni-collapse-item style="border-radius: 50rpx 50rpx; box-shadow: 2rpx 4rpx 20rpx #d0d0d0;" 
			title="龙井茶" thumb="https://good-tea.oss-cn-beijing.aliyuncs.com/good-tea/longjing.jpeg">
	        <view style="padding: 10rpx;">
	            <contact-card  :list="list_longjing" @clickCard="clickCard"></contact-card>
	        </view>
	    </uni-collapse-item>
	    <uni-collapse-item style="border-radius: 50rpx 50rpx; box-shadow: 2rpx 4rpx 20rpx #d0d0d0; margin-top: 10rpx;"
			title="碧螺春" thumb="https://good-tea.oss-cn-beijing.aliyuncs.com/good-tea/biluochun.jpeg">
	        <view style="padding: 10rpx;">
	            <contact-card  :list="list_biluochun" @clickCard="clickCard"></contact-card>
	        </view>
	    </uni-collapse-item>
		<uni-collapse-item style="border-radius: 50rpx 50rpx; box-shadow: 2rpx 4rpx 20rpx #d0d0d0; margin-top: 10rpx;" 
			title="黄山毛峰" thumb="https://good-tea.oss-cn-beijing.aliyuncs.com/good-tea/huangshanmaofeng.webp">
		    <view style="padding: 10rpx;">
		        <contact-card  :list="list_huangshan" @clickCard="clickCard"></contact-card>
		    </view>
		</uni-collapse-item> 
		<uni-collapse-item style="border-radius: 50rpx 50rpx; box-shadow: 2rpx 4rpx 20rpx #d0d0d0; margin-top: 10rpx;" 
			title="君山银针" thumb="https://good-tea.oss-cn-beijing.aliyuncs.com/good-tea/junshanmaozhen.webp">
	        <view style="padding: 10rpx;">
	            <contact-card  :list="list_junshan" @clickCard="clickCard"></contact-card>
	        </view>
	    </uni-collapse-item>
	</uni-collapse>
	
  </view>
</template>
<script>
	import contactCard from '@/components/contact-card/contact-card.vue'
	
	export default {
		components: {
			contactCard
		},
		
		name:"dis-tea-busness",
		data() {
			return {
				 list_longjing: [
					{id: "1",
					name: "龙井茶专卖店",
					phone: "13563214589", 
					head:'https://good-tea.oss-cn-beijing.aliyuncs.com/good-tea/long_1.webp'},
					
				    {id: "龙井茶官方店",
					name: "李四",
					phone: "15969475632",
					head:'https://good-tea.oss-cn-beijing.aliyuncs.com/good-tea/long_1.jpeg'}
				],
				list_biluochun: [
					{id: "1",
					name: "碧螺春专营",
					phone: "13756244233", 
					head:'https://good-tea.oss-cn-beijing.aliyuncs.com/good-tea/b_1.webp'},
					
				    {id: "2",
					name: "碧螺春旗舰店",
					phone: "18245331256",
					head:'https://good-tea.oss-cn-beijing.aliyuncs.com/good-tea/b_2.webp'},
					
					{id: "3",
					name: "碧螺春小店",
					phone: "13965244122",
					head:'https://good-tea.oss-cn-beijing.aliyuncs.com/good-tea/b_3.webp'}
				],
				list_huangshan: [
					{id: "1",
					name: "正宗黄山毛峰",
					phone: "13965422366", 
					head:'https://good-tea.oss-cn-beijing.aliyuncs.com/good-tea/h1.webp'},
					
				    {id: "2",
					name: "黄山毛峰专营",
					phone: "15645862363",
					head:'https://good-tea.oss-cn-beijing.aliyuncs.com/good-tea/h2.webp'}
				],
				list_junshan: [
					{id: "1",
					name: "君山银针官方店",
					phone: "13756933255", 
					head:'https://good-tea.oss-cn-beijing.aliyuncs.com/good-tea/j1.webp'},
					
				    {id: "2",
					name: "君山银针自营店",
					phone: "15963245632",
					head:'https://good-tea.oss-cn-beijing.aliyuncs.com/good-tea/j2.webp'},
					
					{id: "3",
					name: "君山银针专卖",
					phone: "13759622301",
					head:'https://good-tea.oss-cn-beijing.aliyuncs.com/good-tea/j3.webp'}
				]
			};
		},
		
		methods: {
			addContact(){
			      console.log("添加联系人");
			    },
			clickCard(e){
			  console.log("e: " + JSON.stringify(e));
			}
		}
	}
</script>

<style lang="scss">

</style>
